<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Free Bootstrap Error Template</title>
    <!-- Bootstrap core CSS -->
    <link href="error/css/bootstrap.css" rel="stylesheet">
    <!-- FONT AWESOME CSS -->
    <link href="error/css/font-awesome.min.css" rel="stylesheet" />
    <!--GOOGLE FONT -->
    <link href='http://fonts.googleapis.com/css?family=Nova+Flat' rel='stylesheet' type='text/css'>
    <!-- custom CSS here -->
    <link href="error/css/style.css" rel="stylesheet" />
</head>
<body>


<div class="container">
    <div class="row pad-top text-center">
        <div class="col-md-6 col-md-offset-3 text-center">
            <h1>  What have you done? </h1>
            <span id="error-link"></span>
            <h2>! ERROR DECETED !</h2>
        </div>
    </div>
</div>
<!-- /.container -->


<!--Core JavaScript file  -->
<script src="error/js/jquery-1.10.2.js"></script>
<!--bootstrap JavaScript file  -->
<script src="error/js/bootstrap.js"></script>
<!--Count Number JavaScript file  -->
<script src="error/js/countUp.js"></script>
</body>


<script>
    var number = 400;

    (function ($) {
        "use strict";
        var mainApp = {
            main_fun: function () {

                var count = new countUp("error-link", 10, number, 0, 5); //CHANGE 404 TO THE ERROR VALUE AS YOU WANT

                window.onload = function () {
                    count.start();
                }

                /*====================================
                WRITE YOUR SCRIPTS HERE
                ======================================*/
            },

            initialization: function () {
                mainApp.main_fun();

            }

        }
        // Initializing ///

        $(document).ready(function () {
            mainApp.main_fun();
        });

    }(jQuery));

</script>
</html>
